<!DOCTYPE html> 
<html> 
	<head> 
       <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Page Title</title> 
       <meta name="apple-mobile-web-app-capable" content="yes"/>
	<link rel="stylesheet" href="../jquery.mobile-1.0rc2.min.css" />
	<script src="../jquery-1.6.4.min.js"></script>
	<script src="../jquery.mobile-1.0rc2.min.js"></script>
       <script>
	
	</script>
     	<style>
		.content2
		{
			padding:150px 0 150px 0;
		}
	</style>
</head> 



<body>
    <div data-role="page" id="page_main" >
    		
        <div data-role="footer"  data-theme="a">
			<h4>1. 아주 심플한 Footer</h4>
        </div>
        
        <div data-role="footer" data-theme="a">
		<div class="content2">
              	<h2>page1</h2>
                     <p>data-id가 같은 경우 nav처럼 고정될까?</p>
       	</div>	
        </div>
	   
        <div data-role="footer" class="ui-bar" data-position="inline" data-id="footer1"> 
		<div data-role="controlgroup" data-type="horizontal"> 
			<a href="nav3_footer_page1.html" data-role="button" data-icon="plus">page1</a> 
              	<a href="nav3_footer_page2.html" data-role="button" data-icon="plus">page2</a>  
               </div>
        </div> 
    </div>    
    
</body>
</html>
